<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>实验室设备预约APP</title>
    <link rel="stylesheet" type="text/css" href="fonts/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <style>

    </style>
</head>
<body>
	<div class="container maxW640 bgw mauto h box-sizing-border borderw">
		<!--头部 start-->
		<header class="header displayf px jsca altc bgw">
			<a class="color0 h lh45 parl10" href="login.html"><i class="iconfont icon-xiangzuojiantou fz18"></i></a>
			<h1 class="title-name fz18">实验室设备预约APP</h1>
			<a class="color0 h lh45 parl10" href="javascript:void(0);"><i class="iconfont icon-tongzhi fz18"></i></a>
		</header>
		<!--头部 end-->
		<!--主体内容 start-->
		<section class="content mt45 mb50 ohidden" id="content">
			<section class="patrbl10">
				<ul>
					<li class="borderb-yellow pb5 mb15">
						<h3>通知通知<time class="fz12 ml5">2017/5/9 09:53:35</time></h4>
						<article class="mt5">
							这是一个通告通知，希望各位师生认真阅读。。。。
							这是一个通告通知，希望各位师生认真阅读。。。。
							这是一个通告通知，希望各位师生认真阅读。。。。
						</article>
					</li>
					<li class="borderb-yellow pb5 mb15">
						<h3>通知通知<time class="fz12 ml5">2017/5/9 09:53:35</time></h4>
						<article class="mt5">
							这是一个通告通知，希望各位师生认真阅读。。。。
							这是一个通告通知，希望各位师生认真阅读。。。。
							这是一个通告通知，希望各位师生认真阅读。。。。
						</article>
					</li>
					<li class="borderb-yellow pb5 mb15">
						<h3>通知通知<time class="fz12 ml5">2017/5/9 09:53:35</time></h4>
						<article class="mt5">
							这是一个通告通知，希望各位师生认真阅读。。。。
							这是一个通告通知，希望各位师生认真阅读。。。。
							这是一个通告通知，希望各位师生认真阅读。。。。
						</article>
					</li>
				</ul>
				<div class="bg-yellow"><a class="displayb tc lh35 colorf" id="more-btn" href="javascript:void(0);">加载更多</a></div>
			</section>
			<!--导航 start-->
			<nav class="nav px bgw">
				<ul class="displayf">
					<li class="flex1 h40 lh40"><a class="displayb tc" href="index.html"><i class="iconfont icon-icon active"></i></a></li>
					<li class="flex1 h40 lh40"><a class="displayb tc" href="javascript:void(0);"><i class="iconfont icon-icon1"></i></a></li>
					<li class="flex1 h40 lh40 pr"><a class="displayb tc" href="reservation.html"><i class="iconfont icon-yuyue1"></i></a></li>
					<li class="flex1 h40 lh40"><a class="displayb tc" href="person.html"><i class="iconfont icon-iconfont02"></i></a></li>
				</ul>
			</nav>
			<!--导航 end-->
		</section>
		<!--主体内容 end-->
	</div>
	<script type="text/javascript" src="js/extends/jquery.min.js"></script>
	<script type="text/javascript" src="js/extends/vue.js"></script>
	<script type="text/javascript" src="js/extends/layer_mobile/layer.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript">
    	
    </script>
</body>
</html>